<template>
	<view>
		<!-- <view class="c-color-f c-bg-t u-bt o-ptb-h">
			<view class="c-t12 c-tc c-line-22">2021-07-05 9:00</view>
			<view class="c-t7 c-tc c-line-14">计划时间</view>
		</view> -->
		<view class="o-plr o-mt">
			<view class="c-bg-f u-bb o-p c-tb c-t8">电梯信息</view>
			<view class="c-bg-f o-plr c-t8">
				<view class="c-line-10 o-pt l-ft">
					<view class="c-color-g-2" style="width: 160rpx;">安装地址：</view>
					<view style="width: calc(100% - 160rpx);">安装地址</view>
				</view>
				<view class="u-bb c-line-10 o-ptb l-ft">
					<view class="c-color-g-2" style="width: 160rpx;">详细地址：</view>
					<view style="width: calc(100% - 160rpx);">详细地址</view>
				</view>
			</view>
			<view class="c-bg-f o-plr o-pb">
				<view class="c-t7 c-line-10 o-pt l-ft">
					<view class="c-color-g-2" style="width: 160rpx;">电梯编号：</view>
					<view style="width: calc(100% - 160rpx);">782348838434</view>
				</view>
				<view class="c-t7 c-line-10 o-pt l-ft">
					<view class="c-color-g-2" style="width: 160rpx;">使用单位：</view>
					<view style="width: calc(100% - 160rpx);">使用单位</view>
				</view>
				<view class="c-t75 c-line-10 o-ptb-s l-ft"><view class="c-color-g-2" style="width: 160rpx;">负责人：</view><view style="width: calc(100% - 160rpx);">负责人<u-icon class="o-mlr-s" name="phone-fill" color="#2979ff" size="28"></u-icon><text>17487584454</text></view></view>
				<view class="c-t75 c-line-10 o-ptb-s l-ft"><view class="c-color-g-2" style="width: 160rpx;">维保单位：</view><view style="width: calc(100% - 160rpx);">维保单位</view></view>
				<view class="c-t75 c-line-10 o-ptb-s l-ft"><view class="c-color-g-2" style="width: 160rpx;">负责人：</view><view style="width: calc(100% - 160rpx);">负责人 <u-icon class="o-mlr-s" name="phone-fill" color="#2979ff" size="28"></u-icon><text>17487584454</text></view></view>
			</view>
		</view>
		<view class="o-plr o-mt">
			<view class="c-bg-f u-bb o-p c-tb c-t8">保养信息</view>
			<view class="c-bg-f o-pb o-plr">
				<view class="c-t7 o-pt c-line-10 l-ft">
					<view class="c-color-g-2" style="width: 220rpx;">维保作业时长：</view>
					<view style="width: calc(100% - 220rpx);">维保作业时长</view>
				</view>
				<view class="c-t7 o-pt c-line-10 l-ft">
					<view class="c-color-g-2" style="width: 160rpx;">计划日期：</view>
					<view class="l-fjb" style="width: calc(100% - 160rpx);">
						<view class="">2021-07-05 9:00</view>
						<view class="">维保周期2天</view>
					</view>
				</view>
				<view class="c-t7 o-pt c-line-10 l-ft">
					<view class="c-color-g-2" style="width: 160rpx;">签到时间：</view>
					<view class="l-fjb" style="width: calc(100% - 160rpx);">
						<view class="">2021-07-05 9:00</view>
						<view class="c-color-t">签到位置</view>
						<!-- @click="position(news.signLat,news.signLon,news)" -->
					</view>
				</view>
				<view class="c-t7 o-pt c-line-10 l-ft">
					<view class="c-color-g-2" style="width: 160rpx;">完成时间：</view>
					<view class="l-fjb" style="width: calc(100% - 160rpx);">
						<view class="">2021-07-05 9:00</view>
						<view class="c-color-t">完成位置</view>
						<!-- @click="position(news.finishLat,news.finishLon, news)" -->
					</view>
				</view>
			</view>
		</view>

		<view class="o-plr o-mt">
			<view class="c-bg-f u-bb o-p c-tb c-t8">保养内容</view>
			<view class="c-bg-f u-bb o-p l-fjb">
				<view class="">正常数量： 23</view>
				<view class="">不正常数量： <text class="c-color-e">2</text></view>
			</view>
			<view class="c-bg-f o-plr o-mb">
				<view class="l-fjb o-ptb-s">
					<view class="c-t6 c-color-g-2">共1项</view>
					<view class="c-t7 c-tb c-s">第1项</view>
				</view>
				<view class="u-bt o-pb">
					<view class="c-t6 o-pt c-line-11">
						<text class="c-color-g-2">保养内容：</text>
						保养内容
					</view>
					<view class="c-t6 o-pt c-line-11">
						<text class="c-color-g-2">基本要求：</text>
						基本要求
					</view>
					<view>
						<view class="l-ft o-ptb">
							<view class="c-t6 c-color-g-2 l-f1">备注</view>
							<view class="o-p-s c-bg-g2 l-f5">
								<textarea :cursor-spacing="12" style="height: 60px;width: 100%;font-size: 12px;"
									value="" :disabled="true"  placeholder="备注" v-model="remark" />
							</view>
						</view>
						
						<view class="">
							<view class="c-t6 c-color-g-2">图片</view>
							<view class="l-fc l-fw" style="margin: 0 -6px;">
								<view v-for="(item, index) in 5":key="index" class="" style="margin: 6px;">
									<u-image style="width: 100px;height: 100px;" src="/static/images/scanCode.png" mode="widthFix"></u-image>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		
		<!-- <add-map v-if="showMap" @closeMap="close"></add-map> -->

	</view>
</template>

<script>
	
	// import address from '@/common/location.js'

	export default {
		data() {
			return {
				remark: 'jdkfgkjdfhkjdhfnkd'
			}
		},
		components: {
			// addMap
		},
		computed: {
		},
		methods: {
			getDetail() {
				this.$store.dispatch('maintain_detail')
			}
		}
			
	}
</script>

<style>
</style>
